<template>
  <div class="ticketAgreement">
    <div class="agreement_box">
      <div class="logo"><img src="@/assets/images/logoTop.png" alt=""></div>
      <h2>《隐私保密协议》</h2>
      <p>您好！欢迎您报名参加2020年“凯翼号”川籍农民工春节专列公益活动！</p>
      <div class="agreement_wrap">
        <h3>1、特别提示</h3>
        <p>
          为了更好地为您提供服务，请您仔细阅读这份协议。本协议是您与本活动平台进行报名等所涉及的全部行为所订立的权利义务规范。您在报名过程中点击“我要报名”等按钮时，均表明您已完全同意并接受本协议，愿意遵守本协议的各项规则、规范的全部内容，若不同意则可停止报名。如您是未成年人，您还应要求您的监护人仔细阅读本协议，并取得他/他们的同意。</p>
        <h3>2、关于活动</h3>
        <p>
          "让爱出发，伴你回家”2020年“凯翼号”川籍农民工春节专列公益活动，是为推进和践行国务院〔2014〕40号文件《关于解决农民工问题的若干意见》和川委办〔2018〕48号文件关于《加强农民工服务保障十六条措施》的文件要求，以及四川省委书记彭清华在全省农民工专题座谈会上的“将服务保障农民工作为一项战略性工程来抓，用实实在在的工作让川籍农民工切身感受到党委政府和家乡人民的温暖”的讲话精神，在四川省人力资源和社会保障厅的指导下，由四川省总工会、四川省人民政府驻北京办事处、上海办事处和厦门办事处联合主办的川籍农民工免费乘坐专列回家的公益活动。</p>
        <h3>3、我们所收集的信息以及如何使用：</h3>
        <p>3.1 收集您的身份信息包括：用户的姓名、身份证号码、家庭住址、电话、职业、工作单位、工作地址、出发及到达城市、二代身份证照片。</p>
        <p>3.2收集信息的使用：审核报名资格，抽取幸运报名者，将信息提交铁路部门，购买火车票。</p>
        <h3>4、隐私保护</h3>
        <p>
          尊重个人隐私是我们的责任，我们将采取严格的措施保护您的隐私，不将个人信息用于营销，不篡改和出售用户个人信息，确保您的隐私权不受任何侵犯。只要您提供给我们任何个人信息，我们都会采取有效的手段保护您的信息（法律或政府的强制性规定不在此限）。</p>
        <div class="agreement_check">
          <label @click="go">
            <input type="radio" class="fish_radio" value="1" v-model="val">
            <span>同意该《隐私保密协议》</span>
          </label>
<!--          <label>-->
<!--            <input type="radio" class="fish_radio" value="2" v-model="val">-->
<!--            <span>我拒绝</span>-->
<!--          </label>-->
        </div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        val: ''
      }
    },
    created() {
      // const val = window.sessionStorage.getItem('yizehdty')
      // if (val) {
      //   this.val = Number(val)
      // }
    },
    methods: {
      go() {
        window.sessionStorage.setItem('hasRead', 1)
        this.$router.replace({
          name: 'volunteerForm'
        })
      }
    }
  }
</script>
<style scoped>
  .ticketAgreement {
    width: 7.5rem;
    padding: 0 .75rem 1.09rem .75rem;
    background: url(~@/assets/images/cloud01.png) no-repeat left 1.98rem/7.5rem 3.27rem,
      /* url(~@/assets/images/bg_center.png) no-repeat left 8.55rem/7.5rem 2.74rem, */ url(~@/assets/images/cloud02.png) no-repeat left 14.47rem/3.48rem 1.41rem;
  }

  .agreement_box {
    width: 100%;
    box-shadow: 0 5px 13px rgba(0, 0, 0, .1);
    background-color: #fff;
    border-radius: 0 0 .14rem .14rem;
    padding: .68rem .27rem .82rem .27rem;
  }

  .agreement_box .logo {
    width: 2.86rem;
    height: .86rem;
    margin: 0 auto;
  }

  .agreement_box .logo img {
    width: 100%;
    height: 100%;
    vertical-align: top;
  }

  .agreement_box h2 {
    font-size: .5rem;
    color: #e60012;
    text-align: center;
    line-height: .5rem;
    margin-bottom: .55rem;
    margin-top: .53rem;
  }

  .agreement_box p {
    font-size: .24rem;
    line-height: .36rem;
  }

  .agreement_box h3 {
    font-size: .36rem;
    color: #e60012;
    line-height: .54rem;
    margin-top: .3rem;
  }

  .agreement_box .agreement_wrap p {
    text-indent: 2em;
  }

  .agreement_check {
    padding-left: .9rem;
  }

  .agreement_check label {
    font-size: .28rem;
    line-height: .53rem;
    display: block;
    margin-top: .23rem;
  }

  .agreement_check label span {
    color: #0036ff;
    text-decoration: underline;
  }

  .agreement_check input {
    vertical-align: middle;
  }
</style>
